@extends('layouts.home')

@section('content')
	<!-- 内容区域 -->
	<div class="sub_page wrap">
		<div class="aside">
			<ul>
				<li class="active" data-type="unitMember">单位会员</li>
				<li data-type="perMember">个人会员</li>
				<li data-type="guide">入会指南</li>
				<li data-type="download">入会申请表下载</li>
				<li data-type="benefits">会员权益</li>
				<li data-type="directory">会员名录</li>
			</ul>
		</div>

		<div class="sub_page_context">
			<div class="inner_box">
				<div class="inner show">
					<div class="title">
						<span>单位会员</span>
					</div>
					<div class="con">
						<!-- <p class="article_title">{{ optional($item1 )->title  }}</p> -->
						<p>
							{!! optional($item1)->content !!}
						</p>
					</div>
				</div>
				<div class="inner">
					<div class="title">
						<span>个人会员</span>
					</div>
					<div class="con">
						<!-- <p class="article_title">{{ optional($item2)->title }}</p> -->
						<p>
							{!! optional($item2)->content !!}
						</p>
					</div>
				</div>
				<div class="inner">
					<div class="title">
						<span>入会指南</span>
					</div>
					<div class="con">
						<!-- <p class="article_title">{{ optional($item3)->title}}</p> -->
						<p>
							{!! optional($item3)->content !!}
						</p>
					</div>
				</div>
				<div class="inner">
					<div class="title">
						<span>入会申请表下载</span>
					</div>
					<div class="con" id="app_form">
						<!-- <p class="article_title">{{ optional($item4)->title}}</p> -->
						<p>
							{!! optional($item4)->content !!}
					</div>
				</div>
				<div class="inner">
					<div class="title">
						<span>会员权益</span>
					</div>
					<div class="con">
						<!-- <p class="article_title">{{ optional($item5)->title}}</p> -->
						<p>
							{!! optional($item5)->content !!}
						</p>
					</div>
				</div>
				<div class="inner">
					<div class="title">
						<span>会员名录</span>
					</div>
					<div class="con">
						<!-- <p class="article_title">{{ optional($item6)->title}}</p> -->
						<p>
							{!! optional($item6)->content !!}
						</p>
					</div>
				</div>
			</div>

			<div class="btn_area">
				<a class="btn" data-target="download">下载</a>
				<a class="btn" data-target="print">打印</a>
			</div>
		</div>
	</div>

	<!-- 公共尾部 start -->
	<div class="footer">
		<div class="box">
			<ul class="footer_nav">
				<li><a href="">关于我们</a></li>
				<li><a href="">法律声明</a></li>
				<li><a href="">隐私条款</a></li>
				<li><a href="">版权声明</a></li>
				<li><a href="">人才招聘</a></li>
				<li><a href="">联系我们</a></li>
			</ul>
			<div class="inner">
				<div class="left">
					<p>主办方单位/版权所有：广东省人力资源管理协会</p>
					<p>备案号/经营许可证：粤ICP备18106532号</p>
					<p>
						<i class="iconfont">&#xe60a;</i>
						<span>广东省广州市海珠区琶洲大道83号宝地广场</span>
					</p>
					<p>
						<i class="iconfont">&#xe627;</i>
						<span>020-89114856</span>
					</p>
					<p>
						<i class="iconfont">&#xe62b;</i>
						<span>周一至周五9:00-18:00</span>
					</p>
				</div>
				<div class="right">
					<div class="code">
						<img src="{{ asset('home/images/code.jpg') }}" alt="">
						<p>官方订阅号</p>
					</div>
					<div class="code">
						<img src="{{ asset('home/images/code.jpg') }}" alt="">
						<p>官方服务号</p>
					</div>
				</div>
			</div>
		</div>

	</div>
		<!-- 公共尾部 end -->
@endsection
